{extend name="base/list" /}
{block name="body"}
<link rel="stylesheet" href="__STATIC__/css/morris.css">

<script type="text/javascript" src="__STATIC__/echarts/raphael-min.js"></script>
<script type="text/javascript" src="__STATIC__/echarts/morris.min.js"></script>
<style type="text/css">
    .box{
        /*border:1px solid #d5d5d5;*/
        margin:10px;
    }
    .main_title{
        width:50%;
        margin:10px;
    }
    .main_title .info{
        font-size:16px;
        font-weight: bold;
        padding: 5px 10px;
        border: 1px solid #d5d5d5;
        border-radius: 15px;
    }
    .main_title .edit{
        padding-left: 10px;
        color:#00cbff;
        cursor: pointer;
    }

    .main_content{
        margin:10px;
    }
    .js_preview{
        position:absolute;
        width:60px;
        height:60px;
        margin-left: 10px;
        margin-right:30px;
        border-radius: 30px;
        border:1px solid #d5d5d5;
    }
    .left_content{
        display: inline-block;
        position: relative;
    }
    .right_content{
        margin-left:100px;
    }
    .text{
        margin-right: 15%;
        display: inline-block;
    }
    .text div{
        line-height:30px;
    }
    .brand_name{
    }
    .statistical{
        width:280px;
        height:90px;
        float: left;
        margin: 20px;
        color: #fff;
    }
    .statistical .content{
        height:90px;
        padding:0px 10px;
    }
    .content .icon{
        width:80px;
        height:90px;
        font-size:50px;
        font-weight: bold;
        line-height: 90px;
        text-align: center;
    }
    .content .info{
        width:180px;
        float: right;
        height:90px;
        font-size:16px;
        font-weight: bold;
    }
    .info .number{
        font-size:26px;
    }
    .info p{
        width:100%;
        margin: 10px 0px;
        text-align: right;
    }
    .statistical .title{
        height:30px;
        line-height: 30px;
        padding:0px 10px;
        color:rgba(255, 255, 255, 0.6); 
        background-color:rgba(90, 90, 90, 0.3); 
    }
    .statistical .title:hover{
        color:#fff; 
    }
    .back-color1{background-color: #909 }
    .back-color2{background-color: #6f6699 }
    .back-color3{background-color: #6c9299 }
    .back-color4{background-color: #129952 }
    .back-color5{background-color: #6f6699 }
    .back-color6{background-color: #909 }

</style>

<div class="box">
        {if condition="$is_admin eq 1"}
        <div class="statistical" style="background-color: #909;">
            <div class="content">
                <div class="icon left"><i class="icon wb-user"></i></div>
                <div class="info right"><p class="number">{$account_count}</p><p>用户总数</p></div>
            </div>
        </div>
        <div class="statistical" style="background-color: #6f6699;">
            <div class="content">
                <div class="icon left"><i class="icon wb-user"></i></div>
                <div class="info right"><p class="number">{$today_reg_count}</p><p>今日注册人数</p></div>
            </div>
        </div>
        <div class="statistical back-color1" >
            <div class="content">
                <div class="icon left"><i class="icon wb-user"></i></div>
                <div class="info right"><p class="number">{$with_today}</p><p>今日提现总量</p></div>
            </div>
        </div>
<!--        <div class="statistical back-color2" >-->
<!--            <div class="content">-->
<!--                <div class="icon left"><i class="icon wb-user"></i></div>-->
<!--                <div class="info right"><p class="number">{$static_today}</p><p>今日静态收益</p></div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="statistical back-color3" >-->
<!--            <div class="content">-->
<!--                <div class="icon left"><i class="icon wb-user"></i></div>-->
<!--                <div class="info right"><p class="number">{$dymic_today}</p><p>今日动态收益</p></div>-->
<!--            </div>-->
<!--        </div>-->
        {volist  name="asset_amount" id="vo" key="key"}
            <div class="statistical back-color{$key}" >
                <div class="content">
                    <div class="icon left"><i class="icon wb-payment"></i></div>
                    <div class="info right"><p class="number"  style=" font-size:20px;">{$vo.amount}</p><p>{$vo.name}总数</p></div>
                </div>
            </div>
        {/volist}
    {/if}
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="__STATIC__/echarts/echarts.js"></script>
<script type="text/javascript">
</script>
{/block}